<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>404</title>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
  <style>
    * {
      padding: 0;
      margin: 0;
    }

    html,
    body {
      height: 100%;
      width: 100%;
    }

    .main-404 a {
      text-decoration: none;
      color: #41b883;
    }

    body {
      height: 100%;
      font-size: 1.0625rem;
      background: #fff;
    }
    .main-404{
      min-height: 300px;
    }

    .main-404 .Error {
      text-align: center;
      width: 500px;
      height: 300px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -150px;
      margin-left: -250px;
    }

    .main-404  .error-type {
      font-size: 5em;
      color: #41b883;
    }

    .main-404 .error-issue {
      font-size: 1.2em;
    }

    @media (max-width: 767px) {
      .main-404 .Error{
        width: 100%;
        position: static;
        margin: auto;
        padding-top: 50px;
      }
    }
  </style>
</head>

<body>
  <div class="main-404">
    <section class="Error">
      <div class="error-type">404</div>
      <div class="error-issue">
        没找到页面呢 >>
        <a class="Forum-button" href="javascript:history.go(-1);" type="button">
          <span class="Button-content">返回</span>
        </a>
      </div>
      <br>
      <div class="error-issue">
        查看文档请 >>
        <a class="Forum-button" href="https://feui.gitee.io/docs/feui/guide/" type="button">
          <span class="Button-content">文档首页</span>
        </a>
      </div>
    </section>
  </div>
</body>

</html>